<table mat-table [dataSource]="logdatasource" style="width: 100%">
        <ng-container matColumnDef="when">
            <th mat-header-cell *matHeaderCellDef> Date/Time </th>
            <td mat-cell *matCellDef="let entry"> {{entry.when * 1000 | date:'short'}} </td>
        </ng-container>
        <ng-container matColumnDef="name">
            <th mat-header-cell *matHeaderCellDef> Name </th>
            <td mat-cell *matCellDef="let entry"> {{entry.name}} </td>
        </ng-container>
        <ng-container matColumnDef="email">
            <th mat-header-cell *matHeaderCellDef> Email </th>
            <td mat-cell *matCellDef="let entry"> {{entry.email}} </td>
        </ng-container>
        <ng-container matColumnDef="message">
            <th mat-header-cell *matHeaderCellDef> Message </th>
            <td mat-cell *matCellDef="let entry"> {{entry.message}} </td>
        </ng-container>
        <ng-container matColumnDef="id">
            <th mat-header-cell *matHeaderCellDef> Id </th>
            <td mat-cell *matCellDef="let entry"> {{entry.id}} </td>
        </ng-container>
        <ng-container matColumnDef="parents">
            <th mat-header-cell *matHeaderCellDef> Parents </th>
            <td mat-cell *matCellDef="let entry"> {{entry.parents | json}} </td>
        </ng-container>
        <tr mat-header-row *matHeaderRowDef="displayedLogColumns"></tr>
        <tr mat-row *matRowDef="let row; columns: displayedLogColumns;"></tr>                
        
    </table>
    <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>